<template>
    <div class="MoreMusic">
        <h1>{{name}}</h1>
        <article>
            <div v-for="item in num" :key="item">
                <div class="Radar" v-for="item in 5" :key="item">
                    <div class="img">
                        <img>
                        <i class="fa fa-play"></i>
                        <i class="fa fa-play-circle-o">收听人数</i>
                    </div>
                    <span>
                        <p>
                            雷达歌单雷达歌单雷达歌单雷达歌单雷达歌单雷达歌单雷达歌单雷达歌单雷达歌单雷达歌单雷达歌单
                        </p>
                    </span>
                </div>
            </div>
        </article>
    </div>
</template>

<script>
export default {
    name:'MoreMusic',
    data() {
        return {
            name:"爱上音乐为伴的下午",
            num:4
        }
    }
}
</script>

<style lang="scss" scoped>
@import './MoreMusic.scss'
</style>
